// pages/gmap/gmap.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    const container = this.selectComponent('#g-leafletwx')
    let min_zoom = 10
    let max_zoom = 20
    container.initLeafletMap(function(L) {
      wx.leaflet ??= {}
      wx.leaflet.L = L;
      var map = L.map(container, {
        minZoom: min_zoom,
        maxZoom: max_zoom,
      });
      let googleSat = L.tileLayer('http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}',{
        maxZoom: 20,
        subdomains:['mt0','mt1','mt2','mt3']
      }).addTo(map);
      // L.tileLayer('https://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', {
      //   maxZoom: 20,
      //   subdomains: ['mt0', 'mt1', 'mt2', 'mt3']
      // }).addTo(map);

      map.setView([31.294516,120.625814], 17);
      // 限定地图范围
      var corner1 = L.latLng(31.29571,120.623941),
      corner2 = L.latLng(31.289586,120.63455),
      bounds = L.latLngBounds(corner1, corner2);
      // map.setMaxBounds(bounds);
      // 添加marker
      let m = L.marker([31.2948516,120.625814], {
        src: 'https://cdn.bootcdn.net/ajax/libs/leaflet/1.9.4/images/marker-icon-2x.png',
        width: 32,
        height: 32,
        showInCenter: false,
      }).addTo(map);
    });

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})